<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
<link rel="stylesheet" href="plug/swiper/css/swiper.css"/>
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/util.css" />
<link rel="stylesheet" href="css/find_hos.css" />
<link rel="stylesheet" href="css/hos_map.css" />
<title>医院地图</title>
<style>
	/*自定义覆盖物的文字的颜色*/
	#allmap .BMap_Marker .BMapLabel{
		border: 0 !important;
		background-color: #17a699 !important;
		padding: .1rem .2rem !important;
		color: white !important;
		border-radius: .1rem !important;
		letter-spacing: 1px !important;
	}
</style>
</head>
<body>
<div class="content hos_map">
	
<!--头部-->	
<div class="pub_hearder flex_vertical justify_content_equal">
	<img class="up_page pub_hearder_left" src="img/header/header_left.png" />
	<div class="head_center">
		<span class="set_head_dot" style="width: .05rem;height: .05rem;border-radius: 50%;"></span>
		<span class="set_head_dot" style="width: .08rem;height: .08rem;border-radius: 50%;"></span>
		<span class="set_head_dot"></span>
		<span class="head_title">找医院</span>
		<span class="set_head_dot"></span>
		<span class="set_head_dot" style="width: .08rem;height: .08rem;border-radius: 50%;"></span>
		<span class="set_head_dot" style="width: .06rem;height: .06rem;border-radius: 50%;"></span>
	</div>
	<img class="search pub_hearder_right" style="height: .24rem;" src="img/hos_map/filter.png" onclick="window.location.href='search.html?hos'"/>
</div>
<div class="search_publish">
	<div style="position: relative;">
		<input type="text" placeholder="搜索你感兴趣的医院"/><img src="img/search.png" />
	</div>
</div>

<!--地图-->
<div class="map">
	<!--定义地图容器-->
	<div id="allmap"></div>
	
	
</div>

<!--定义医院详情弹框-->
<div class="hos_detail none">
	<div class="shadow1"></div>
	<div class="shadow2"></div>
	<div class="shadow3 clearfix"  onclick="window.location.href='hos_homepage.html'">
		<!--详情-->
		<div class="hos_pic">
			<img src="img/hos_map/hos.png" />
		</div>
		<div class="hos_detail2">
			<p class="hos_name">时光医疗整形</p><!--<span class="hos_close">X</span>-->
			<p class='evaluate'><img src='img/star.png'/><img src='img/star.png'/><img src='img/star.png'/><img src='img/star.png'/></p>
			<p class="address">杭州市拱墅区福州华凌路417号</p>
			<p class="feature">
				<img src="img/call.png" /><span>0571-85353857</span>
			</p>
		</div>
	</div>
</div>

</div>
<script type="text/javascript" src="plug/jquery-1.11.3.js" ></script>
<script src="http://api.map.baidu.com/api?v=2.0&ak=bk2GxHHoQiqUKgwLj1wW1GQIbCpcnKri"></script>
<script type="text/javascript" src="js/viewport.js" ></script>
<script type="text/javascript" src="js/util.js"></script>
<script type="text/javascript" src="js/method.js"></script>
<script type="text/javascript" src="js/hos_map.js"></script>
<script>
$(function(){
	//关闭医院详情弹框
	$('.hos_close').on("click",function(event){
		//
		event.stopPropagation();
		$(".hos_detail").hidden();
	});
});

</script>

</body>
</html>
